<markdown>
  # 自定义间距
  
  通过设置 `size` 可自定义间距
</markdown>

<template>
  <x-slider v-model:value="size" class="w400px" />

  <br />
  
  <x-space :size="size">
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
  </x-space>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const size = ref(12)
</script>